<template>
  <div class="app-page">
    <div class="title">options : ["select","select1","select2","select3"...]</div>
    <select-picker :options="options" v-on:change="getValue">请选择</select-picker>

    <div class="title">defaultVal : select5</div>
    <select-picker :options="options" v-on:change="getValue" defaultVal="select5">请选择</select-picker>
  </div>
</template>


<script type="text/javascript">

  import selectPicker from '../../packages/selectPicker';

  export default {
    data() {
      return {
        options : ["select","select1","select2","select3","select4","select5","select6","select7","select8","select9","select10","select11","select12","select13","select14"]
      };
    },
    created(){
      
    },
    methods:{
      getValue(msg){
        console.log(msg)
      }
    },
    components:{
      selectPicker : selectPicker
    }
  };
</script>